<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 局部作用域</title>
</head>

<body>
    <!-- 变量在函数内声明，变量为局部作用域。 -->
    <!-- 局部变量：只能在函数内部访问。 -->
    <p>局部变量在声明的函数外不可以访问。</p>
    <p id="demo"></p>
    <script>
        myFunction();
        document.getElementById("demo").innerHTML = "carName 的类型是：" + typeof carName;  // carName 的类型是：undefined
        // 此处不能调用 carName 变量
        function myFunction() {
            var carName = "Volvo";
            // 函数内可调用 carName 变量
        }
    </script>
    <!-- 因为局部变量只作用于函数内，所以不同的函数可以使用相同名称的变量。 -->
    <!-- 局部变量在函数开始执行时创建，函数执行完后局部变量会自动销毁。 -->
</body>

</html>